import React, { Component } from "react";
import { Menu } from "antd";
import {
  MailOutlined,
  AppstoreOutlined,
  SettingOutlined,
  EnvironmentOutlined,
  ShoppingOutlined,
} from "@ant-design/icons";
import './index.scss'
import { NavLink } from "react-router-dom/cjs/react-router-dom.min";
export default class Header extends Component {
  render() {
    return (
      <>
      <div className='box'>
        <div className="nav">
          <Menu style={{background:'transparent',borderBottom:'none'}}  mode="horizontal" defaultSelectedKeys={["mail"]}>
            <Menu.Item key="mail" icon={<EnvironmentOutlined />} style={{color:'#fff'}}>
              <NavLink to="/">目的地</NavLink>
            </Menu.Item>
            <Menu.Item key="shop" icon={<ShoppingOutlined />} style={{color:'#fff'}}>
              <NavLink to="/shop">商城</NavLink>
            </Menu.Item>
            <Menu.SubMenu
              key="SubMenu"
              title="社区"
              icon={<AppstoreOutlined />}
            >
              <Menu.Item key="two" icon={<AppstoreOutlined />} s>
                当地玩乐
              </Menu.Item>
              <Menu.Item key="three" icon={<AppstoreOutlined />} >
                租车自驾
              </Menu.Item>
            </Menu.SubMenu>
          </Menu>
        </div>
        <div className='login'>
          <NavLink to="login">登录</NavLink>
        </div>
        </div>
      </>
    );
  }
}
